<script type="text/javascript" src="/assets/js/jquery-1.9.1.js"></script>

<div class="textos">
<table style="width: 80%;" align="center">
    <tr>
        <td>
            <div class="titulos"><?=$titulo.' / '.$idioma?></div><br>
            <div class="textos">
                Choose Language: <select name="idioma" onchange="change(this)">
                    <option value="">Choose...</option>
                    <option value="ar">Arabic</option>
                    <option value="en">English</option>
                    <option value="es">Spanish</option>
                    <option value="pt">Portuguese</option>
                </select>

                <script type="text/javascript">
                    function change(sel) {
                        window.location.href='/panel/members/'+sel.options[sel.selectedIndex].value+'/';
                    }
                </script>
            </div>
        </td>
    </tr>
</table>

<form method="post">
    <table style="width: 80%;" align="center">
        <tr>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>Name: <input type="text" name="name" id="name"></td>
        </tr>
        <tr>
            <td>Email: <input type="email" name="email"></td>
        </tr>
        <tr>
            <td><input type="submit" value="ADD"></td>
        </tr>
    </table>
</form>    
    <br>
<table border="1" style="width: 80%;" align="center">
    <tr>
        <td>#</td>
        <td>Name</td>
        <td>Email</td>
        <td></td>
    </tr>
    <?php foreach($members as $member) { ?>
    <tr>
        <td><?=$member['idmembers']?></td>
        <td><?=$member['name']?></td>
        <td><?=$member['email']?></td>
        <td><a href="/panel/delete/members/<?=$segmento?>/<?=$member['idmembers']?>/">Delete</a></td>
    </tr>
    <?php } ?>
</table>
<script type="text/javascript">
    $(document).ready(function() {
        $("#name").focus();
    });
</script>
</div>